<template>
    <el-card shadow="never" style="margin: 2px;">
        <div style="display: flex;align-items: center">
            <el-avatar :size="60" style="margin-right: 4px;" :src="imgBaseURL + user?.avatar || ''"></el-avatar>
            <div style="margin-left: 8px;">
                <div>{{ user?.nickName }}</div>
                <div>
                    <label>账号：{{ user?.userName }}</label>
                </div>
                <div>
                    <label>{{ user?.edu }}</label>
                    <el-divider direction="vertical" border-style="dashed" />
                    <label>{{ user?.sex }}</label>
                </div>
            </div>
        </div>
    </el-card>
</template>
<script>

export default {
    props: {
        user: {
            type: Object,
            default: {
                userName: "",
                nickName: "",
                id: "",
                sex: "",
                edu: "",
                tele: "",
                avatar: ""
            }
        },
    },
    data() {
        return {
            imgBaseURL: import.meta.env.VITE_DOWNFILE_API_BASE_URL
        }
    }
}
</script>